<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>请他人代录资料</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../lib/sui/sm.min.css">
    <link rel="stylesheet" href="../lib/sui/sm-extend.min.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/public_main.css">
</head>

<body>
    <div class="page-group">
        <div class="page page-current" id="repfile">
            <!-- 主内容 -->
            <div class="content">
                <div class="bs-box">
                    <div class="bs-box-title red size-m">
                        保单险种
                    </div>
                    <div class="bs-box-content">
                        <div class="bs-box-inner">
                            <div class="bs-box-content-item">
                                <p class="size-m">保单号</p>
                                <div>
                                    <input class="size-m" type="text" placeholder="请填写保单号" />
                                </div>
                            </div>
                            <div class="bs-box-content-item">
                                <p class="size-m">报案号</p>
                                <div>
                                    <input class="size-m" type="text" placeholder="请填写报案号" />
                                </div>
                            </div>
                            <div class="bs-box-content-item width-link size-m">
                                <div>出险险种</div>
                                <div>
                                    <input placeholder="请选择险种" />
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="bs-box">
                    <div class="bs-box-title red size-m flex">
                        <div>代录人</div>
                        <div class="select-rep-record">选择代录人</div>
                    </div>
                    <div class="bs-box-content">
                        <div class="bs-box-inner">
                            <div class="bs-box-content-item">
                                <p class="size-m">代录人姓名</p>
                                <div>
                                    <input class="size-m" type="text" placeholder="请填写代录人姓名" />
                                </div>
                            </div>
                            <div class="bs-box-content-item">
                                <p class="size-m">联系方式</p>
                                <div>
                                    <input class="size-m" type="text" placeholder="请填写代录人手机号" />
                                </div>
                            </div>
                            <div class="bs-box-content-item width-link size-m">
                                <div>代录人类型</div>
                                <div>
                                    <input placeholder="本公司员工" />
                                </div>
                            </div>
                            <div class="bs-box-content-item width-link size-m">
                                <div>请在</div>
                                <div>
                                    <input placeholder="请选择时间" />
                                </div>
                                <div>前录入递交</div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="my-btn" @click="login" style="margin-top: 1rem;">
                    <span class="active">确认</span>
                </div>
                <p class="text-c size-m margin-t grey">确认后，将短信通知代录人</p>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='../lib/sui/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../lib/sui/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../lib/sui/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src="../lib/vue/vue.min.js"></script>
    <script>
        var vm = new Vue({
            el: '#repfile',
            data: {
                phone: "18638779089",
                password: "123478",
                encode: true,
            },
            methods: {
                login: function () {
                    console.log('login in ing')
                },
                removePhone: function () {
                    this.phone = '';
                    this.showClose = false
                },
                doEncode: function () {
                    this.encode = !this.encode
                },
            },
        })
    </script>
</body>

</html>